<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
   <div class="note-wrapper">

       <!-- <div class="note-column">
           <div class="note">
               
                <div class="note-info">
                   <div class="note-img">
                       <img src="https://ci.xiaohongshu.com/0bdc55e4-97c3-34a4-a209-dde4ae690c40?imageView2/2/w/1080/format/jpg" alt="">
                      
                        <i class="video"></i>
                    </div>
                   <h3 class="info">穿搭日记/秋天女孩如何更精致</h3>
                </div>
               
                <div class="note-user">
                   <div class="user">
                       <div class="user-img">
                           <img src="https://img.xiaohongshu.com/avatar/5ad940e914de410b0c0ad6f7.jpg@240w_240h_90q_1e_1c_1x.jpg" alt="">
                            <i class="verified"></i>
                        </div>                    
                       <div class="name">daisy</div> 
                    </div>
                
                    <div class="like">
                        <i class="like-img"></i>
                        <span class="like-num">222</span>
                    </div>
                
                </div>
           
            </div>
       </div>

       <div class="note-column">
           <div class="note">
               <div class="note-info">
                   <div class="note-img">
                    <img src="https://ci.xiaohongshu.com/0bdc55e4-97c3-34a4-a209-dde4ae690c40?imageView2/2/w/1080/format/jpg" alt="">
                   </div>
                   <h3>穿搭日记/秋天女孩如何更精致</h3>
                </div>
               
                <div class="note-user">
                   <div class="user">
                       <div class="user-img">
                           <img src="" alt="">
                       </div>                    
                       <div class="name">daisy</div> 
                    </div>
                
                    <div class="like">
                        <div class="like-img">
                            <img src="" alt="">
                        </div>
                        <div class="like-num">222</div>
                    </div>
                
                </div>
           
            </div>
       </div>
       <div class="note-column">
           <div class="note">
               <div class="note-info">
                   <div class="note-img">
                       <img src="https://ci.xiaohongshu.com/0bdc55e4-97c3-34a4-a209-dde4ae690c40?imageView2/2/w/1080/format/jpg" alt="">
                   </div>
                   <h3>穿搭日记/秋天女孩如何更精致</h3>
                </div>
               
                <div class="note-user">
                   <div class="user">
                       <div class="user-img">
                           <img src="" alt="">
                       </div>                    
                       <div class="name">daisy</div> 
                    </div>
                
                    <div class="like">
                        <div class="like-img">
                            <img src="" alt="">
                        </div>
                        <div class="like-num">222</div>
                    </div>
                
                </div>
           
            </div>
       </div>
       <div class="note-column">
           <div class="note">
               <div class="note-info">
                   <div class="note-img">
                    <img src="https://ci.xiaohongshu.com/0bdc55e4-97c3-34a4-a209-dde4ae690c40?imageView2/2/w/1080/format/jpg" alt="">
                   </div>
                   <h3>穿搭日记/秋天女孩如何更精致</h3>
                </div>
               
                <div class="note-user">
                   <div class="user">
                       <div class="user-img">
                           <img src="" alt="">
                       </div>                    
                       <div class="name">daisy</div> 
                    </div>
                
                    <div class="like">
                        <div class="like-img">
                            <img src="" alt="">
                        </div>
                        <div class="like-num">222</div>
                    </div>
                
                </div>
           
            </div>
       </div>
       <div class="note-column">
           <div class="note">
               <div class="note-info">
                   <div class="note-img">
                    <img src="https://ci.xiaohongshu.com/0bdc55e4-97c3-34a4-a209-dde4ae690c40?imageView2/2/w/1080/format/jpg" alt="">
                   </div>
                   <h3>穿搭日记/秋天女孩如何更精致</h3>
                </div>
               
                <div class="note-user">
                   <div class="user">
                       <div class="user-img">
                           <img src="" alt="">
                       </div>                    
                       <div class="name">daisy</div> 
                    </div>
                
                    <div class="like">
                        <div class="like-img">
                            <img src="" alt="">
                        </div>
                        <div class="like-num">222</div>
                    </div>
                
                </div>
           
            </div>
       </div> -->
   </div>
   <div class="more">
       <span>查看更多</span> 
   </div>
   <script src="data.js"></script>
   <script src="getData.js"></script>
   <script src="index.js"></script>
   
   <script>
       note.init({
           el:document.getElementsByClassName('note-wrapper')[0]
       })
   </script>
</body>
</html>